<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .outer{
        background-color: skyblue;
        width: 500px;
        height: 500px;
        /*overflow: hidden;*/
        border: solid;
    }
    .inner1,.inner2{
        background-color: green;
        margin-top: 200px;
        width: 150px;
        height: 150px;
    }
</style>
<body>
    <div class="outer">
        <div class="inner1">1号盒子</div>
        <div class="inner2">2号盒子</div>
    </div>
    <script src="../vue.js"></script>
    <script>
        function fn() {
          const fun =  function (){};
        }
        const object = new Object({
            uname:"11",
            hobby:{
                fu(){

                }
            }
        });
        console.log(object);
        new Vue({
            el:'.inner1',
            data:{
                uname:"1111"
            }
        });
    </script>
</body>
</html>